import React, { Component } from 'react';
import './App.css';
import 'antd/dist/antd.css';
import TabList from './component/tab';
import WrappedNormalLoginForm from './component/WrappedNormalLoginForm';
import FromVerify from './component/formverify';
import FromMust from './component/formMust';
import MultiSelect from './component/multiselect';
import transferA from './component/transfer';
import CanvasPractice from './component/canvasPractice';
import Uploads from './component/upload'
import { HashRouter, Route, Switch } from 'react-router-dom';



class App extends Component {
  render() {
    return (
      <HashRouter>
        <Switch>
          <div className="App">
            <TabList></TabList>
            <div className='main'>
              <Route exact path="/wrappedNormalLoginForm" component={WrappedNormalLoginForm}></Route>
              <Route exact path='/formverify' component={FromVerify}></Route>
              <Route exact path='/formMust' component={FromMust}></Route>
              <Route exact path='/multiselect' component={MultiSelect}></Route>
              <Route exact path='/transfera' component= {transferA}></Route>
              <Route exact path='/cancaspractice' component={CanvasPractice}></Route>
              <Route exact path='/uploads' component={Uploads}></Route>
            </div>
          </div>
        </Switch>
      </HashRouter>
    )
  }
}

export default App;
